<template>
	<div class="content not-found">
		<van-nav-bar
			title="404"
			left-arrow
			placeholder
			fixed
			border
			@click-left="onClickLeft"
		></van-nav-bar>
		<div class="empty flex">
			<van-empty image="network" description="404 NOT FOUND" />
		</div>
	</div>
</template>

<script>
export default {
	name: 'NotFound',
	data() {
		return {}
	},
	methods: {
		onClickLeft() {
			this.$router.go(-1)
		}
	}
}
</script>

<style lang="less">
.not-found {
	width: 100vw;
	height: 100vh;
	.van-empty {
		height: calc(100vh - 46px);
		margin: auto;
	}
}
</style>
